<%@ page trimDirectiveWhitespaces="true"%>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ujn" uri="http://ujn.edu.cn/common/"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName()
            + ":" + request.getServerPort() + path + "/";
%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <!-- Bootstrap Core CSS -->
    <link href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet" />
    <!-- MetisMenu CSS -->
    <link href="<%=basePath%>css/metisMenu.min.css" rel="stylesheet" />
    <!-- DataTables CSS -->
    <link href="<%=basePath%>css/dataTables.bootstrap.css" rel="stylesheet" />
    <!-- Custom CSS -->
    <link href="<%=basePath%>css/sb-admin-2.css" rel="stylesheet" />
    <!-- Custom Fonts -->
    <link href="<%=basePath%>css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="<%=basePath%>css/boot-crm.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- 导航栏部分 -->
<nav class="navbar navbar-default navbar-static-top" role="navigation"
     style="margin-bottom: 0">
    <div class="navbar-header">
        <a class="navbar-brand" href="<%=basePath%>customer/list.action">客户管理系统</a>
    </div>
    <!-- 导航栏右侧图标部分 -->
    <ul class="nav navbar-top-links navbar-right">
        <!-- 邮件通知 start -->
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                邮件通知
            </a>
            <ul class="dropdown-menu dropdown-messages">
                <li>
                    <a href="#">
                        <div>
                            <strong>张经理</strong> <span class="pull-right text-muted">
								<em>昨天</em>
							</span>
                        </div>
                        <div>今天晚上开会，讨论一下下个月工作的事...</div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a class="text-center" href="#">
                        <strong>查看全部消息</strong>

                    </a>
                </li>
            </ul>
        </li>
        <!-- 邮件通知 end -->
        <!-- 任务通知 start -->
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                任务通知
            </a>
            <ul class="dropdown-menu dropdown-tasks">
                <li>
                    <a href="#">
                        <div>
                            <p>
                                <strong>任务 1</strong>
                                <span class="pull-right text-muted">完成40%</span>
                            </p>
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-success"
                                     role="progressbar" aria-valuenow="40" aria-valuemin="0"
                                     aria-valuemax="100" style="width: 40%">
                                    <span class="sr-only">完成40%</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#">
                        <div>
                            <p>
                                <strong>任务 2</strong>
                                <span class="pull-right text-muted">完成20%</span>
                            </p>
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-info" role="progressbar"
                                     aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"
                                     style="width: 20%">
                                    <span class="sr-only">完成20%</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a class="text-center" href="#">
                        <strong>查看所有任务</strong>

                    </a>
                </li>
            </ul>
        </li>
        <!-- 任务通知 end -->
        <!-- 消息通知 start -->
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                消息通知
            </a>
            <ul class="dropdown-menu dropdown-alerts">
                <li>
                    <a href="#">
                        <div>
                            新回复
                            <span class="pull-right text-muted small">4分钟之前</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#">
                        <div>
                            新消息
                            <span class="pull-right text-muted small">4分钟之前</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#">
                        <div>
                            新任务
                            <span class="pull-right text-muted small">4分钟之前</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#">
                        <div>
                            服务器重启
                            <span class="pull-right text-muted small">4分钟之前</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a class="text-center" href="#">
                        <strong>查看所有提醒</strong>

                    </a>
                </li>
            </ul>
        </li>
        <!-- 消息通知 end -->
        <!-- 用户信息和系统设置 start -->
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                用户中心
            </a>
            <ul class="dropdown-menu dropdown-user">
                <li><a href="#">
                    用户：${USER_SESSION.user_name}
                </a>
                </li>
                <li><a href="#"> 系统设置</a></li>
                <li class="divider"></li>
                <li>
                    <a href="${pageContext.request.contextPath }/logout.action">
                        退出登录
                    </a>
                </li>
            </ul>
        </li>
        <!-- 用户信息和系统设置结束 -->
    </ul>
    <!-- 左侧显示列表部分 start-->
    <div class="navbar-default sidebar" role="navigation">
        <div class="sidebar-nav navbar-collapse">
            <ul class="nav" id="side-menu">
                <li class="sidebar-search">
                    <div class="input-group custom-search-form">
                        <input type="text" class="form-control" placeholder="查询内容...">
                        <span class="input-group-btn">
							<button class="btn btn-default" type="button">
								查询
							</button>
						</span>
                    </div>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath }/customer/list.action" class="active" style="text-align:center;">
                        客 户 管 理
                    </a>
                </li>

                <li>
                    <a href="${pageContext.request.contextPath }/user/list.action" class="active" style="text-align:center;">
                        用 户 管 理
                    </a>
                </li>
                
                  <li>
                    <a href="${pageContext.request.contextPath }/products/list.action" class="active" style="text-align:center;">
                        商 品 管 理
                    </a>
                </li>
                
                 <li>
                    <a href="${pageContext.request.contextPath }/orders/list.action" class="active" style="text-align:center;">
                        订 单 管 理
                    </a>
                </li>
                
                <li>
                    <a href="${pageContext.request.contextPath }/invoice/list.action" class="active" style="text-align:center;">
                        发 票 管 理
                    </a>
                </li>
                
                <li>
                    <a href="${pageContext.request.contextPath }/baseDict/list.action" class="active" style="text-align:center;">
                        字 典 管 理
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 左侧显示列表部分 end-->
</nav>
</body>
</html>